<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>    
<%@ include file="/include/jsp/baseContent.jsp"%>
<%
String level = (String)session.getAttribute("japanese_level");
String goalLv = request.getParameter("goalLv");
String lectureTab = request.getParameter("lectureTab");
%>
<link type="text/css" href="css/calendar/ui.all.css" rel="stylesheet" />
<link type="text/css" href="css/calendar/demos.css" rel="stylesheet" />  
<script type="text/javascript" src="js/common.js"></script>  
<style type="text/css">
<!--
.portfolioBg2 {
border:2px solid #ffffff; width:100%; background:#dcdcdc; text-align:right;
}

.portfolioBgGoal {
border:2px solid #ffffff; width:100%; background:#ee82ee; text-align:right;
}

.portfolioBgNow {
border:2px solid #ffffff; width:100%; background:#c8d7ff; text-align:right;
}

.lectureBoxCE {border:2px solid #ffe650; background:#ffffff; width:100%; height:100%;}	/* yellow */
.lectureBoxCS {border:2px solid #147814; background:#ffffff; width:100%; height:100%;}	/* green */
.lectureBoxSE {border:2px solid #eb0000; background:#ffffff; width:100%; height:100%;}	/* red */
.lectureBoxIT {border:2px solid #ff8200; background:#ffffff; width:100%; height:100%;}	/* orange */
.lectureBoxIS {border:2px solid #0000ff; background:#ffffff; width:100%; height:100%;}	/* blue */
.lectureBoxAL {border:2px solid #828282; background:#ffffff; width:100%; height:100%;}	/* gray */

.lectureBox {border:2px solid #7b68ee; background:#ffffff; width:100%; height:36px;}	/* puple */
-->
</style>

<script type="text/javascript">
<!--//
function submitPage(){
	

		frmObj = document.frm;
		frmObj.target = "_parent";
		frmObj.action = "/edu/insertGoalPotential.action";
		frmObj.method = "post";
		frmObj.submit();

}

//-->
</script>	
<div style="margin:auto; text-align:center;">
	<!--// 컨텐츠 영역 -->
	<div id="mainContainer">
	<!-- //##### Contents START ############################# -->		
			<table class="<%if("8".equals(goalLv)){%>portfolioBgGoal<%}else{%>portfolioBg2<%}%>">
				<tr height="40px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 8 </td>
				</tr>
			</table>
			<table class="<%if("7".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 7 </td>
				</tr>
			</table>
			<table class="<%if("6".equals(level)){%>portfolioBgNow<%}else if("6".equals(goalLv)){%>portfolioBgGoal<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 6 </td>
				</tr>
			</table>
			<table class="<%if("5".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 5 </td>
				</tr>
			</table>
			<table class="<%if("4".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 4 </td>
				</tr>
			</table>
			<table class="<%if("3".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 3 </td>
				</tr>
			</table>
			<table class="<%if("2".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 2 </td>
				</tr>
			</table>
			<table class="<%if("1".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="50px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 1 </td>
				</tr>
			</table>
			<table class="<%if("0".equals(level)){%>portfolioBgNow<%}else{%>portfolioBg2<%}%>">
				<tr height="40px">
				<td>　</td>
				<td style="padding-right:50px;"> Level 0 </td>
				</tr>
			</table>

			<div id="layerLvl08" style="width:100%; height:48px; position:absolute; top:38px; left:5px;">
				<table id="tbl01_m" style="width:100%;text-align:center;">
					<colgroup>
						<col width="40%">
						<col width="20%">
						<col width="40%">
					</colgroup>	
					<tr height="48px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBox" onclick="clickLecture(this, 'main', '8', '<%=lectureTab%>', '8', 'i601');"
							                        onmouseover="document.getElementById('lvl08infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl08infobox').style.visibility='hidden';">
								<table><tr><td>情報科学特論B</td></tr></table>
								<div id="lvl08infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i601 <br> credits : 8 <br> Area : - </td></tr></table>
								</div>
							</div>
							
							
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="5px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBox" onclick="clickLecture(this, 'non', '1', '<%=lectureTab%>', '7', 'i600');"
							                        onmouseover="document.getElementById('lvl07infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl07infobox').style.visibility='hidden';">
								<table><tr><td>情報科学特論B<br>提案書</td></tr></table>
								<div id="lvl07infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i600 <br> non credit <br> Area : - </td></tr></table>
								</div>
							</div>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="6px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="6px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBox" onclick="clickLecture(this, 'main', '8', '<%=lectureTab%>', '5', 'i201');"
							                        onmouseover="document.getElementById('lvl05infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl05infobox').style.visibility='hidden';">
								<table><tr><td>情報科学特論A</td></tr></table>
								<div id="lvl05infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i201 <br> credits : 8 <br> Area : - </td></tr></table>
								</div>
							</div>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="5px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBox" onclick="clickLecture(this, 'non', '1', '<%=lectureTab%>', '4', 'i200');"
							                        onmouseover="document.getElementById('lvl04infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl04infobox').style.visibility='hidden';">
								<table><tr><td>情報科学特論A<br>提案書</td></tr></table>
								<div id="lvl04infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i200 <br> non credit <br> Area : - </td></tr></table>
								</div>
							</div>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="3px">
						<td colspan="3"></td>
					</tr>
					<tr height="48px">
						<td colspan="3" align="center">
						<table style="width:80%;height:100%;">
							<colgroup><col width="21%"><col width="5%"><col width="21%"><col width="6%"><col width="21%"><col width="5%"><col width="21%"></colgroup>	
							<tr>
							<td>
							<div class="lectureBoxCE" onclick="clickLecture(this, 'e', '2', '<%=lectureTab%>', '3', 'i473');"
							                          onmouseover="document.getElementById('lvl03-1infobox').style.visibility='visible';" 
							                          onmouseout="document.getElementById('lvl03-1infobox').style.visibility='hidden';">
								<table><tr><td>ハード・ソフト・<br>コデザイン(専/エ)</td></tr></table>
								<div id="lvl03-1infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i473 <br> credits : 2 <br> Area : エ </td></tr></table>
								</div>
							</div>
							</td>
							<td>&nbsp;</td>
							<td>
							<div class="lectureBoxSE" onclick="clickLecture(this, 'o', '2', '<%=lectureTab%>', '3', 'i479');"
							                          onmouseover="document.getElementById('lvl03-2infobox').style.visibility='visible';" 
							                          onmouseout="document.getElementById('lvl03-2infobox').style.visibility='hidden';">
								<table><tr><td>高信頼ソフトウェア開発プロセス設計(専/オ)</td></tr></table>
								<div id="lvl03-2infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i479 <br> credits : 2 <br> Area : オ </td></tr></table>
								</div>
							</div>
							</td>
							<td>&nbsp;</td>
							<td>
							<div class="lectureBoxSE" onclick="clickLecture(this, 'o', '2', '<%=lectureTab%>', '3', 'i444');"
							                          onmouseover="document.getElementById('lvl03-3infobox').style.visibility='visible';" 
							                          onmouseout="document.getElementById('lvl03-3infobox').style.visibility='hidden';">
								<table><tr><td>組込みソフトウェア工学(専/オ)</td></tr></table>
								<div id="lvl03-3infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i444 <br> credits : 2 <br> Area : オ </td></tr></table>
								</div>
							</div>
							</td>
							<td>&nbsp;</td>
							<td>
							<div class="lectureBoxSE" onclick="clickLecture(this, 'o', '2', '<%=lectureTab%>', '3', 'i480');"
							                          onmouseover="document.getElementById('lvl03-4infobox').style.visibility='visible';" 
							                          onmouseout="document.getElementById('lvl03-4infobox').style.visibility='hidden';">
								<table><tr><td>高信頼ソフトウェア開発演習(専/オ)</td></tr></table>
								<div id="lvl03-4infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i480 <br> credits : 2 <br> Area : オ </td></tr></table>
								</div>
							</div>
							</td>
							</tr>
						</table>
						</td>
					</tr>
					<tr height="1px">
						<td colspan="3"></td>
					</tr>
					<tr height="52px">
						<td>&nbsp;</td>
						<td>
							<div class="lectureBoxSE" onclick="clickLecture(this, 'o', '2', '<%=lectureTab%>', '2', 'i219');"
							                          onmouseover="document.getElementById('lvl02infobox').style.visibility='visible';" 
							                          onmouseout="document.getElementById('lvl02infobox').style.visibility='hidden';">
								<table><tr><td>ソフトウェア設計論(基/オ)</td></tr></table>
								<div id="lvl02infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i219 <br> credits : 2 <br> Area : オ </td></tr></table>
								</div>
							</div>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr height="2px">
						<td colspan="3"></td>
					</tr>
					<tr height="52px">
						<td colspan="3" align="center">
						<table style="width:40%;height:100%;"> 
							<colgroup><col width="45%"><col width="10%"><col width="45%"></colgroup>
							<tr>
							<td>
							<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '1', 'i116');"
							                        onmouseover="document.getElementById('lvl01-1infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl01-1infobox').style.visibility='hidden';">
								<table><tr><td>プログラミング練習I</td></tr></table>
								<div id="lvl01-1infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i116 <br> credits : 2 <br> Area : G </td></tr></table>
								</div>
							</div>
							</td>
							<td>&nbsp;</td>
							<td>
							<div class="lectureBox" onclick="clickLecture(this, 'g', '2', '<%=lectureTab%>', '1', 'i117');"
							                        onmouseover="document.getElementById('lvl01-2infobox').style.visibility='visible';" 
							                        onmouseout="document.getElementById('lvl01-2infobox').style.visibility='hidden';">
								<table><tr><td>プログラミング練習II</td></tr></table>
								<div id="lvl01-2infobox" style="position:absolute; background-color:#ffd2d2; visibility:hidden">
									<table><tr><td align="center"> code : i117 <br> credits : 2 <br> Area : G </td></tr></table>
								</div>
							</div>
							</td>
							</tr>
						</table>
						</td>
					</tr>
				</table>
			</div>
			
			
	<!-- //##### Contents END ############################# -->
	</div>
	<!--// 컨텐츠 영역 -->
</div>